<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EDAS</title>
<link rel="stylesheet" href="../bgAll/css/common.css" type="text/css"/>
<link rel="stylesheet" href="./css/RDS.css" type="text/css"/>
<link rel="stylesheet" href="../bgAll/css/fakeLoader.css" type="text/css"/>
<style type="text/css">
.fakeloader{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;background-image: url(../bgAll/img/bg.png);}
</style>
</head>
<body class="wrap">
	<div class="fakeloader"></div>
<div class="mod-star-list"><div class="inner"></div></div>
<!-- header Start -->
    <div id="header" class="mt12 clearfix" style="margin-left:10px">
        <div class="header-left">
            <a href="../SOLUTION/index.html" class="clearfix">
                <div class="bg-next rotate5 btn"></div>
                <p>浏览下一个产品</p>
            </a>
        </div>
        <div class="header-right" style="width:315px;">
            <div class="header-open">分布式关系型数据库服务DRDS<p>
            Distributed Relational Database Service</p></div>
        </div>
    </div>
		<!-- header End -->
<div class="content">
		<!-- 正文开始  -->
		<div class="col75 clearfix" style="text-align:center;">
          <div class="round">
			<div class="servicebg rotate30">	
		</div>
		<div class="service-allicons">
				<div class="serviceicon service-baseA"></div>
				<div class="serviceicon service-baseB"></div>
				<div class="serviceicon service-baseC"></div>
				<div class="serviceicon service-baseD"></div>
				<div class="serviceicon service-baseE"></div>
				<div class="serviceicon service-baseF"></div>
				<div class="serviceicon service-baseG"></div>
				<div class="serviceicon service-baseH"></div>
			</div>
			  <div class="servicecenter">
                 	<img class="rotate5" src="img/serverimg/serverround.png">
                 </div>
			</div> 
		 <div class="servicecon">
            	<span class="servicetext"><p class="p1">管理工具DMS：简单易用的WEBClient</p><p class="p2" style="padding-left: 104px">支持库表创建管理SQL执行               </p></span>
            	<span class="servicetext"><p class="p1">专业团队： 一流的分布式数据库开发运维经验7*24小时在线支持  </p></span>
            	<span class="servicetext"><p class="p1">平滑扩容：数据库容量和性能平滑弹性扩展，应用无感知，无中断</p></span>
            	<span class="servicetext"><p class="p1">异构复制：支持单数据多纬度拆分</p><p class="p2 wr94" style="padding-left: 70px">实现数据拆分和使用纬度统一</p><p class="p3" style="padding-left: 70px">分布式执行效率大大提升</p></span>
            	<span class="servicetext"><p class="p1">小表广播：实时广播JOIN源表，分布式JOIN效率飞跃性提升</p></span>
            	<span class="servicetext"><p class="p1">透明读写分离：应用透明的读写分离实现</p><p class="p2 wr54" style="padding-left: 98px">零代码改动实现读写分离</p></span>
            	<span class="servicetext"><p class="p1">全链路监控：实时监控分布式数据库链路各项指标</p><p class="p2" style="padding-left: 85px">快速发现数据库瓶颈</p></span>
            	<span class="servicetext"><p class="p1">专有网络： 全面支持VPC搭建自定义私有网络</p><p class="p2" style="padding-left: 75px">快速支持混合云部署方式</p></span>
            </div>		
      
			
		</div>
		<!-- 正文结束  -->
		<!-- 侧边栏开始  -->
		<div class="col25">
			<nav>
				<div class="iconBox1">
					<div id="iconSecurity" class="rotate5"></div>
					<a href="safe.html" class="menuHref imgSecurity shineAction"></a>
					<span class="iconTextSecurity">简单</span>
				</div>
				<div class="iconBox3">
					<div id="iconTrust" class="rotate5"></div>
					<a href="Simple.html" class="menuHref imgTrust shineDelayAction"></a>
					<span class="iconTextTrust">可靠</span>
				</div>
				<div class="iconBox4">
					<div id="iconService" class=""></div>
					<a href="Service.html" class="menuHref imgService shineAction"></a>
					<span class="iconTextService">服务</span>
				</div>
				<div class="iconBox5">
					<div id="iconExtend" class="rotate5"></div>
					<a href="Extend.html" class="menuHref imgExtend shineDelayAction"></a>
					<span class="iconTextExtend">扩展</span>
				</div>
			</nav>
		</div>
		<div class="clearfix"></div>
		<!-- 侧边栏开始  -->
</div>
<footer class="clearfix">
    <div class="footer-left fl">
        <a href="./index.html" class="back shineAction"></a>
       	<div class="backText">返回首页面</div>
    </div>
    <div class="footer-right fr">
        <a href="" class="refresh shineAction"></a>
        <div class="refreshText">刷新&nbsp;</div>
    </div>
</footer>
</body>
<script type="text/javascript"  src='../bgAll/js/jquery-1.11.1.min.js'></script>
<script src="../bgAll/js/fakeLoader.min.js"></script>
<script type="text/javascript" src='./js/common.js'></script>
<script type="text/javascript"  src='../bgAll/js/zepto.js'></script>
<script type="text/javascript"  src='../bgAll/js/waypoints.js'></script>
<script type="text/javascript"  src='../bgAll/js/star.js'></script>
<script type="text/javascript">
    var ary=["A","B","C","D","E","F","G","H"],index=0,a=0;
    $(".service-allicons>div").click(function () {
        if (index==0) {
            $(this).addClass('service-change'+ary[$(this).index()]);
            $('.servicetext').eq($(this).index()).fadeIn(3000);
            $(".round").css({'-webkit-animation':'mymove 1s','right':'0px'});
            index=1;
            a=$(this).index();
        }else if (index==1&&a==$(this).index()) {
            $(this).removeClass('service-change'+ary[$(this).index()]);
            $('.servicetext').eq($(this).index()).hide();
            $(".round").css({'-webkit-animation':'mymove2 1s','right':'186px'});
            index=0;
        }else{
            $('.servicetext').hide();
            $('.servicetext').eq($(this).index()).fadeIn(3000);
            $(".service-allicons>div").eq(a).removeClass('service-change'+ary[a]);
            $(this).addClass('service-change'+ary[$(this).index()]);
            a=$(this).index();
        }
    })
</script>
</html>
